@charset "utf-8";
/* CSS Document */

/*****************发现模块CSS**************************************/

img { vertical-align: middle; }
.wrap { background: #333; overflow: hidden; max-width:640px; min-width:320px; box-sizing: border-box; margin-left:auto; margin-right:auto;}

/***************banner******/
.banner { overflow: hidden; clear: both; position: relative; box-sizing: border-box; height:18rem; }
.banner ul{  display:block; overflow:hidden; height:100%;}
.banner ul li{ display:block; height:100%; overflow:hidden; float:left;}
.banner ul li a{ display:block; overflow:hidden; height:100%; }
.banner ul li img { width: 100%; height:100%; }

/************banner数量********************/
.img_on { position: absolute; text-align: center; bottom: 0.8rem; width: 100%; }
.img_on span { width: 0.6rem; height: 0.6rem; background: #fff; display: inline-block; border-radius: 5000rem; margin-left: 0.1rem; margin-right: 0.1rem; }
#on { background: #ecc582; }


/***********点币红包*************/
.integral { position: absolute; right: 0; bottom: 0px; box-sizing: border-box; }
.integral p { display: block; float: left; font-size: 1.4rem; color: #ecc582; box-sizing: border-box; height: 2rem; line-height: 2rem; padding-right: 0.5rem; }
#dbin { background-color: rgba(0, 0, 0, 0.6); background-image: url(../images/dbicon.png); background-size: 1.7rem auto; background-repeat: no-repeat; background-position: 0.5rem center; padding-left: 2.5rem; margin-right: 0.1rem; }
#xbao { background-color: rgba(0, 0, 0, 0.6); background-image: url(../images/hbicon.png); background-size: 1.3rem auto; background-repeat: no-repeat; background-position: 0.5rem center; padding-left: 2.2rem; }


/*********播放按钮*************/
.button_play{ position:absolute; left:50%; top:50%; margin:-2.525rem;}
.button_play img{ width:5.5rem; height:auto;}


/***文字介绍*************/
.batext { padding: 1rem; border-bottom: solid 1px #4d4d4d; margin-bottom: 2rem; overflow: hidden; }
.batext h3 { font-size: 1.8rem; color: #ccc; font-weight: normal; margin-bottom: 0.3rem; }
.batext h3 em { font-style: normal; color: #999; font-size: 1rem; margin-left: 1rem; }
.batext p { font-size: 1.3rem; color: #999; margin-top:0.5rem; }
.zan { line-height: 1.6rem; font-size: 1.4rem; margin-top: 0.8rem; background-image: url(../images/zicon.png); background-position: left center; background-size: 1.6rem auto; background-repeat: no-repeat; padding-left: 2rem; float: right; color: #999; }


/***商户品牌*************/
.brand { overflow: hidden; clear: both; padding-top: 1rem; padding-bottom: 1.6rem; width: 100%; }
.brand a { display: block; float: left; text-decoration: none; text-align: center; width: 25%; overflow: hidden; }
.brand_bg { background: #FFF; width: 5.5rem; height: 5.5rem; border-radius: 500rem; text-align: center; vertical-align: middle; margin-left: auto; margin-right: auto; }
.midimg { display: table-cell; vertical-align: middle; width: 5.5rem; height: 5.5rem; }
.thename { font-size: 1.3rem; color: #ccc; margin-top: 0.5rem; display: block; }


/************分类商家*************/
.flsj { position: relative; clear: both; margin-top: 1.6rem; }
.flsj img { width: 100%; height: auto; }
.flsj_bg { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; top: 0; text-align: center; vertical-align: middle; }
.flsj_bg h2 { font-size: 2.6rem; font-weight: bold; color: #fff; margin-top: 6rem; margin-bottom: 0.5rem; text-shadow: 1.5px 2.598px 3px #000; }
.flsj_bg p { font-size: 12px; color: #fff; text-shadow: 1.5px 2.598px 3px #000 }
.flsj a{ display:block; text-decoration:none;}